﻿@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body {  color:#7c7c7c; font-family:"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif;  font-size: 14px; overflow-x:hidden ; background:#fff; line-height:24px; min-width:1300px;}
li, ol { list-style:none; }
i, em, b { font-style:normal; font-weight:normal; }
a {  color: #fff; text-decoration: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
a:hover { cursor:pointer; text-decoration:none; color:#666;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.'; }
img{ padding:0; margin:0; display:block;}
a img { border:none; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:12px;}
.fl{float:left; display:inline;}
.fr {  display: inline; float: right;}
img , input{border:0; display:inline-block; outline:none;}
div{ display:block;}
.w-1300{ width:1300px; margin:0 auto; position:relative;}
/* .top_notice{ background:#22c3a7; width:100%; height:46px; line-height:46px; text-align:center; color:#fff; font-size:14px; position:absolute; left:0; top:0; z-index:10}*/
.top_notice{ background:#22c3a7; width:100%; height:46px; line-height:46px; text-align:center; color:#fff; font-size:14px;  left:0; top:0; z-index:10}
.top_notice a{ display: block;}
.top_notice a:hover{color: #fff;}
.top_notice .close-btn{ position:absolute; right:0; top:15.5px; width:15px; height:15px; background:url(../images/top_clo.png) no-repeat;}
.top_notice .close-btn:hover{opacity: 0.8}

/*公告时候覆盖*/
.header{ height:76px; line-height:76px; position:absolute; left:0; top:46px; width:100%; z-index:10;}



.bgggg{position: fixed;left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5);z-index: 12}
.bggg{position: fixed;left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5);z-index: 12}
.title1,.title2,.title3{width:362px;border-radius: 9px; background: #ffffff; position: absolute;right: 265px;z-index: 13;    padding-bottom: 10px;}
.jt{width: 0;height: 0;border: 10px solid transparent;border-bottom-color: #ffffff; position: absolute; content: '';  right: -10px; top: 64px; }
.fiex{width: 300px;  margin: 0 auto;}
.fr {  display: inline; float: right;position: relative}
.flex_p1{    font-size: 15px;color: #fe4400; margin-top: 20px;font-weight: 600}
.flex_p2{    font-size: 12px; margin-top:10px;  color: #2d2d2d; line-height: 17px;}
.flex_p2 span{color: #fe4400}
.button{    text-align: right; margin-top: 12px;}
.button span{border: none;border-radius: 5px;  padding: 6px;font-size: 12px;width: 94px;}
.button span.bt1{  cursor:pointer;
                   color: #ffffff;  background: #fe4400;}
.button span.bt2{ cursor:pointer; color: #a5a5a5;background: #f2f2f2}
.title1{top: -20px}
.title2,.title3{top: 29px}
.finish{width: 310px;  margin: 0 auto;}




/*公告时候覆盖*/
/*.header{ height:76px; line-height:76px; position:absolute; left:0; top:46px; width:100%; z-index:10;}*/
.header_bg{background:#000; height:76px; position:absolute; left:0; top:0; width:100%; filter:alpha(opacity=10); -moz-opacity:0.1; opacity:0.1; min-width:1300px;}
/*.header h1{ margin-top:26px;}
.header h1 a{ display:block; width:256px; height:25px; background:url(../images/logo.png) no-repeat;}
*/

.top-gg a{ display:none; min-width:1300px; height:110px; background:url(../images/gg-160712.jpg) no-repeat center top;}
.top-gg a.top-gg-t{background:url(../images/gg-170527.jpg) no-repeat center top;}

.header h1{ margin-top:25px;}
.header h1 a{ display:block; width:256px; height:25px; background:url(../images/logo.png) no-repeat;}
/*.header h1 a{ display:block; width:256px; height:55px; background:url(../images/s_logo.png) no-repeat;}*/

.header .nav li{font-size:14px;float:left;margin: 0 5px;position:relative;}
.header .nav li a{color:#fff;line-height:74px;display:block;padding: 0 6px;border-bottom:none;}
.header .nav li a:hover{ border-bottom:2px solid #d1d1d1;}
.header .nav li ul { width:108px; position:absolute; left:50%; margin-left:-54px; top:76px; display:none; z-index:2;                 }
.header .nav li ul .ul_bg{ width:100%; border:1px solid #c2c2c2; background:#fff; position:absolute; left:0; top:0; height:102px;}
.header .nav li.li_t ul .ul_bg{ height:68px;}
.header .nav li ul li{ width:108px; height:34px; line-height:34px; float:inherit; margin:0 0 0 1px; text-align:center; position:relative;}
.header .nav li ul li .li_bg{ background:#fff;  filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; height:34px; width:100%; position:absolute; left:0; top:0; z-index:1}
.header .nav li ul li a{ color:#000000; font-size:14px; width:108px; height:34px; line-height:34px; padding:0; border:0; position:relative; z-index:2}
.header .nav li ul li a:hover{ border-bottom:none;}
.header .log a{display:block;float:left;padding: 8px 12px;background:#fff;color:#198ede;line-height:14px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;margin:22px 0 0 20px;}
.header .log a:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
.header .comback{ position:absolute; left:260px; top:10px; width:57px; height:25px; }
.header .comback a{width:57px; height:25px; display:block; background:url(../images/comback.png) no-repeat;}
.footer{ width:100%; height:145px; background:#323232;}
.footer_l{ margin-top:30px}
.footer_l .p1{ color:#797979; font-size:20px;}
.footer_l .p2{ color:#797979; font-size:13px; line-height:32px;}
.footer_r{ margin-top:85px;}
.footer_r li{ float:left;}
.footer_r li a{ display:block; width:97px; height:32px; background:url(../images/footer_1.png) no-repeat 0 bottom;}
.footer_r li.li_o a:hover{ background-position:0px top; }
.footer_r li.li_t a{ background-position:-133px bottom; width:89px;}
.footer_r li.li_t a:hover{ background-position:-133px top; }
.footer_r li.li_s a{ background-position:-262px bottom; width:77px;}
.footer_r li.li_s a:hover{ background-position:-262px top; }
.footer_r ul span{ display:block; float:left; width:1.5px; height:33px; background:#797979; margin:0 20px;}
.footer_r .share { margin-left:20px;}
.footer_r .share a{ width:31px; height:31px; float:left; display:block; background:#797979; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px; float:left; margin-left:10px; }
.footer_r .share span{width:31px; height:31px; display:table-cell; text-align:center; vertical-align:middle;}
.footer_r .share a:hover{ background:#df5745;}
.footer_r .share a.a_t:hover{ background:#56c856;}

/******右侧导航******/
.ce_nav{ position:fixed; right:10px; bottom:60px; z-index:9}
.ce_nav li{ margin-bottom:5px;}
.ce_nav li:after{ content: ''; display: block; clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px;}
.ce_nav li a{ float: right; display:block; width:54px; height:54px; background-color:#fff; -moz-border-radius:7px;-webkit-border-radius:7px; border-radius:7px; color:#198ede; font-size:12px; text-align:center; box-shadow: 1px 1px 3px rgba(102,102,102,0.5); border:1px solid #198ede; }
.ce_nav li a span{ display: block; line-height: 12px;}
.ce_nav .ceNav-icon{ font-size: 22px; line-height: 30px; padding-top: 5px;}
.ce_nav .li-codeBtn{ position: relative;}
.ce_nav .code-con{position: absolute; right:60px; bottom: -30px; padding-right:20px; display: none;}
.ce_nav .code-con-m{  width: 155px; background-color: #fff; text-align: center; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; overflow: hidden;}
.ce_nav .code-con img{ width: 120px; height: 120px; border: 2px solid #eaeaea; display: inline-block; margin: 15px 0;}
.ce_nav .code-con p{ line-height:34px; width: 100%; background-color: #46dba4; font-size: 14px; color: #fff;}
.ce_nav .code-con:after{ content: ""; display: block; position: absolute; bottom: 55px; right: 5px;  border:7px solid transparent; border-left: 8px solid #fff;width: 0; height: 0px;}
.ce_nav .li-codeBtn:hover .code-con{ display: block;}
.ce_nav li:hover a{ background:#46dba4; color:#fff;}
.ce_nav li:active a{ background:#3fcb97}
.ce_nav li.li-cxBtn a{ background-color: #fb5a00; border-color: #fb5a00; color: #fff;}
.ce_nav li.li-cxBtn img{ display: inline-block; padding: 7px 0 5px;}
.ce_nav li.li-designBtn a{color: #fff; background-color: #00c36e; border-color: #00c36e;}
.ce_nav li.li-designBtn img{ display: inline-block; padding: 8px 0 5px;}
.ce_nav li.li-cxBtn a:hover,.ce_nav li.li-designBtn a:hover{filter: alpha(opacity=90);/*IE滤镜，透明度50%*/-moz-opacity: 0.9;opacity: 0.9;}
.ce_nav li.li-downBtn a{ padding: 3px 0; height: auto;}
.ce_nav li.li-downBtn img{ height: 25px;}
.ce_nav li.li-downBtn span{ margin-top: 3px; line-height: 14px;}
.ce_nav li.li-phoneBtn a{ position:relative; right:0; cursor:default; overflow: hidden;}
.ce_nav li.li-phoneBtn a p{ display:none;}
.ce_nav li.li-phoneBtn.on a{ background:#46dba4}
.ce_nav li.li-phoneBtn.on .ceNav-icon{ display: none;}
.ce_nav li.li-phoneBtn.on a span{ display:none;}
.ce_nav li.li-phoneBtn.on a p{ display:block; color:#fff; font-size:13px; text-align:left; background:url(../images/main.png) no-repeat; background-position:-230px -603px; line-height:22px; padding:6px 0 0 13px;}
.ce_nav li.li-phoneBtn.on a p i{ font-size:19px; display:block;}

.ce_nav .gg-pic{ position:absolute; right:0; top:-200px; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 6px 15px rgba(0,0,0,.18); -moz-box-shadow: 0 6px 15px rgba(0,0,0,.18); box-shadow: 0 6px 15px rgba(0,0,0,.18); overflow:hidden;}
.ce_nav .gg-pic span{ display:block; width:15px; height:15px; background:url(../images/gg-close.png) no-repeat center top; position:absolute; top:3px; right:3px; cursor:pointer;}
.ce_nav .gg-pic span:hover{ background-position:center bottom;}
.w-1200{ width:1200px; margin:0 auto; position:relative;}

#show_ckf{ position: relative; z-index: 8;}
#show_ckf .ckfminWindow{right: 105px; bottom: 70px;}
#show_ckf #cndnsCkf-top-bar{ right: 0; bottom: 0;}

/*公告添加*/
 /*.gm_mask{  background: #000; height: 76px; position: absolute;left: 0;top: 46px;width: 100%;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;} */
 /* .gm_mask{  background: #000; height: 76px; position: absolute;left: 0;top: 0;width: 100%;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}*/
  
 /*公告添加*/
.gm_mask{  background: #000; height: 76px; position: absolute;left: 0;top: 156px;width: 100%;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}
  
/*fontIcon*/
@font-face {font-family: "siteStar-font";
          src: url('/fonts/iconfont.eot'); /* IE9*/
          src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
          url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('../fonts/iconfont.svg#sitestar-font') format('svg'); /* iOS 4.1- */
        }

        .siteStar-font {
          font-family:"siteStar-font" !important;
          font-size:16px;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }